<template>
	<div class="header">
		<div class="header-left" @click="toHome()">
			<span class="iconfont">&#xe605; </span>
		</div>
		<div class="header-title">城市选择</div>
	</div>
</template>

<script>
	export default{
		methods:{
			toHome(){
				this.$router.push('/')
			}
		}
	}
</script>

<style scoped>
	.header {
		width: 100%;
		height: 0.88rem;/* 44px */
		line-height: 0.88rem;
		background-color: #00bcd0;
		color: white;
		font-size: 0.36rem;/* 18px */
		display: flex;
	}
	.header-left {
		width: 0.4rem;
		text-align: center;
		font-weight: bold;
		/* padding: 0.2rem; */
	}
	.header-title{
		text-align: center;
		flex: 1;
	}
</style>
